div, p, a, span, body, dl, dt, dd, header, footer, img, section, time,
	h1, h2, em, article, h3, h4, ul, li, label, ol, h5, i, var {
	word-wrap: break-word;
	word-break: break-all;
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	outline: none;
	font-style: normal;
	font-weight: normal
}

body, td, input, textarea, option, select, button {
	-webkit-text-size-adjust: none
}

html, body {
	height: 100%
}

* {
	-webkit-tap-highlight-color: transparent;
	-webkit-focus-ring-color: transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

*:focus, *:active {
	outline: none
}

body {
	font-size: 12px;
	line-height: 1.2;
	overflow-x: hidden;
	font-family: Hiragino Sans GB, Heiti SC, "΢���ź�", Verdana, sans-serif,
		SimHei, "����"
}

ul, li, ol {
	list-style: none
}

a, a:link, a:visited, a:hover {
	text-decoration: none;
	color: #fff
}

a img, img {
	border: none
}

.fl {
	float: left
}

.fr {
	float: right
}

.clearfix {
	content: "";
	clear: both;
	overflow: hidden
}

.border {
	display: block;
	height: 0.026rem;
	background-color: #efefef
}

.blank {
	height: 0.26rem;
	background-color: #f7f7f7
}

* {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

body {
	background-color: #efefef;
	-webkit-text-size-adjust: 100%
}

body #wrap {
	max-width: 10rem;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	position: relative
}

body #wrap #front {
	width: 100%;
	height: 100%;
	position: relative
}

body #wrap #front header .logo {
	width: 5rem;
	height: 2.5rem;
	padding: 0.625rem 0;
	margin: 0 auto;
	position: relative
}

body #wrap #front header .logo img {
	width: 1.4375rem;
	height: 1.4375rem;
	float: left;
	vertical-align: middle
}

body #wrap #front header .logo h1 {
	padding: 0.1875rem 0 0.1875rem 1.875rem;
	font-size: 0.4375rem;
	color: #606470;
	white-space: nowrap
}

body #wrap #front header .logo h2 {
	padding-left: 1.875rem;
	font-size: 0.375rem;
	color: #bcbcbc;
	white-space: nowrap
}

body #wrap #front header .logo .tips {
	position: absolute;
	top: 0.5rem;
	right: -1.875rem;
	width: 0.625rem;
	height: 0.625rem;
	line-height: 0.625rem;
	background-color: #D8D8D8;
	color: #f5f5f5;
	border-radius: 0.625rem;
	text-align: center
}

body #wrap #front section div.amount {
    background-color: #fff;
    height: 1.2rem;
    line-height: 0.8rem;
    padding: 0.2rem 0.4rem;
    border: 0.03rem solid #a7a9ae;
    width: 9rem;
    margin: 0 auto;
    margin: 0px auto 0.5rem;
    font-size: 0.46875rem;
    color: #606470;
    margin-bottom: 0.5rem;
    border-radius: 0.125rem;
}
body #wrap #front section div.amount_ {
    background-color: #fff;
    height: 1.2rem;
    line-height: 0.8rem;
    padding: 0.2rem 0.4rem;
    border: 0.03rem solid #a7a9ae;
    width: 9rem;
    margin: 0 auto;
    margin: 0px auto 1rem;
    font-size: 0.46875rem;
    color: #606470;
    margin-bottom: 0.5rem;
    border-radius: 0.125rem;
}

body #wrap #front section div.amount.active {
	border: 0.03rem solid #a7a9ae
}

body #wrap #front section div.amount p {
	font-size: 0.625rem;
	color: #2F323A
}

body #wrap #front section div.amount p #amount {
	font-size: 0.84rem;
	vertical-align: baseline;
	font-weight: 700
}

body #wrap #front section div.discount {
	border-bottom: none
}

body #wrap #front section div.origin p {
	color: #fd5359;
	font-size: 0.5rem
}

body #wrap #front section div.coupon ul {
	border-top: 0.03rem solid #EFEFEF;
	border-bottom: 0.03rem solid #efefef
}

body #wrap #front section div.coupon ul li {
	height: 1.375rem;
	line-height: 1.375rem;
	background-color: #fff;
	padding: 0 0.5rem
}

body #wrap #front section div.coupon ul li:nth-child(1) {
	font-size: 0.4rem;
	border-bottom: 0.03rem solid #efefef
}

body #wrap #front section div.coupon ul li:nth-child(2) {
	font-size: 0.46875rem
}

body #wrap #front section div.coupon ul li p {
	color: #606470
}

body #wrap #front section div.coupon ul li p i {
	display: inline-block;
	width: auto;
	padding: 0 0.1rem;
	height: 0.84375rem;
	line-height: 0.84375rem;
	background-color: #fe9b20;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	border-radius: 0.1rem
}

body #wrap #front section div.coupon ul li p img {
	width: 0.4375rem;
	vertical-align: text-top;
	margin: 0 0.25rem
}

body #wrap #front section div.coupon ul li p em {
	float: right;
	color: #fe9b20
}

body #wrap #front section div.coupon ul li p em #coupon, body #wrap #front section div.coupon ul li p em #coupon-pay
	{
	font-weight: 600
}

body #wrap #front section div:after {
	content: "";
	overflow: hidden;
	clear: both
}

body #wrap #front section div>p {
	float: right
}

body #wrap #front section h3 {
	clear: both;
	position: relative;
	margin-top: 0.5rem;
	text-align: center;
	font-size: 0.4rem;
	color: #BCBCBC;
	font-weight: lighter
}

body #wrap #front section h3:before {
	content: "";
	background-color: #d8d8d8;
	display: block;
	height: 0.03rem;
	width: 2.1875rem;
	position: absolute;
	top: 50%;
	left: 0.625rem;
	z-index: 1
}

body #wrap #front section h3:after {
	content: "";
	background-color: #d8d8d8;
	display: block;
	height: 0.03rem;
	width: 2.1875rem;
	position: absolute;
	top: 50%;
	right: 0.625rem;
	z-index: 1
}

body #wrap #front section h3 span {
	position: relative;
	z-index: 5;
	color: #bcbcbc
}

body #wrap #front footer #keyBoard {
	width: 10rem;
	height: 7.2rem;
	position: fixed;
	bottom: 0;
	background-color: #fff;
	z-index: 999;
	-webkit-transform: translateY(7.2rem);
	-moz-transform: translateY(7.2rem);
	-ms-transform: translateY(7.2rem);
	-o-transform: translateY(7.2rem);
	transform: translateY(7.2rem)
}

body #wrap #front footer #keyBoard i {
	display: inline-block;
	width: 2.5rem;
	height: 1.813rem;
	line-height: 1.813rem;
	font-size: 0.853rem;
	color: #4E5057;
	text-align: center;
	border: 0.03rem solid #E5E5E5;
	border-left: none;
	border-bottom: none;
	transition: all 0.1s
}

body #wrap #front footer #keyBoard i.no-right {
	border-right: none
}

body #wrap #front footer #keyBoard i img {
	height: 0.64rem
}

body #wrap #front footer #keyBoard i.hover {
	background-color: #ebebeb
}

body #wrap #front footer #keyBoard i#pay {
	float: right;
	height: 5.4rem;
	line-height: 1.2;
	padding-top: 2rem;
	background-color: #bcbcbc;
	color: #fff;
	font-size: 0.6rem;
	border: none
}

body #wrap #front footer #keyBoard i#pay.active {
	background-color: #69cc12
}

body #wrap #front footer #keyBoard i#pay.active.hover {
	background-color: #32CD32
}

body #wrap #front footer #keyBoard.show-trans {
	-webkit-transition: all linear 0.2s;
	-moz-transition: all linear 0.2s;
	-ms-transition: all linear 0.2s;
	-o-transition: all linear 0.2s;
	transition: all linear 0.2s
}

body #wrap #front footer #keyBoard.show {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}

body #wrap #back {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 9999;
	background-color: #f7f7f7;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%)
}

body #wrap #back.trans {
	-webkit-transition: all linear 0.3s;
	-moz-transition: all linear 0.3s;
	-ms-transition: all linear 0.3s;
	-o-transition: all linear 0.3s;
	transition: all linear 0.3s;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}

body #wrap #back header {
	height: 3.125rem;
	padding: 1rem 0;
	text-align: center
}

body #wrap #back h1 {
	font-family: Heiti SC, "΢���ź�", Verdana, sans-serif, SimHei, "����";
	font-size: 1.125rem;
	color: #4e5057
}

body #wrap #back h1 em {
	font-size: 0.4375rem;
	color: #9b9b9b;
	text-decoration: line-through
}

body #wrap #back ul {
	border-top: 0.03rem solid #E5E5E5;
	border-bottom: 0.03rem solid #E5E5E5
}

body #wrap #back ul li {
	height: 1.4rem;
	line-height: 1.37rem;
	background-color: #fff;
	padding: 0 0.625rem
}

body #wrap #back ul li:last-child p {
	border-bottom: none
}

body #wrap #back ul li p {
	border-bottom: 0.03rem solid #EFEFEF;
	font-size: 0.46875rem;
	color: #606470
}

body #wrap #back ul li p em {
	float: right
}

body #wrap #back ul li p.discount {
	color: #fe9b20
}

body #wrap #back h3 {
	clear: both;
	position: relative;
	margin-top: 1rem;
	text-align: center;
	font-size: 0.4rem;
	color: #BCBCBC;
	font-weight: lighter
}

body #wrap #back h3:before {
	content: "";
	background-color: #d8d8d8;
	display: block;
	height: 0.03rem;
	width: 2.1875rem;
	position: absolute;
	top: 50%;
	left: 0.625rem;
	z-index: 1
}

body #wrap #back h3:after {
	content: "";
	background-color: #d8d8d8;
	display: block;
	height: 0.03rem;
	width: 2.1875rem;
	position: absolute;
	top: 50%;
	right: 0.625rem;
	z-index: 1
}

body #wrap #back a {
	display: block;
	width: 9.375rem;
	margin: 1.5625rem auto 0;
	border-radius: 0.125rem;
	background-color: #fe9b20;
	color: #fff;
	text-align: center;
	font-size: 0.5625rem;
	height: 1.375rem;
	line-height: 1.375rem
}

body #wrap #no-insert header {
	height: 3.125rem;
	padding: 1rem 0;
	text-align: center
}

body #wrap #no-insert h1 {
	font-family: Heiti SC, "΢���ź�", Verdana, sans-serif, SimHei, "����";
	font-size: 1.125rem;
	color: #4e5057
}

body #wrap #no-insert h1 em {
	font-size: 0.4375rem;
	color: #9b9b9b;
	text-decoration: line-through
}

body #wrap #no-insert ul {
	border-top: 0.03rem solid #E5E5E5;
	border-bottom: 0.03rem solid #E5E5E5
}

body #wrap #no-insert ul li {
	height: 1.4rem;
	line-height: 1.37rem;
	background-color: #fff;
	padding: 0 0.625rem
}

body #wrap #no-insert ul li:last-child p {
	border-bottom: none
}

body #wrap #no-insert ul li p {
	border-bottom: 0.03rem solid #EFEFEF;
	font-size: 0.46875rem;
	color: #606470
}

body #wrap #no-insert ul li p em {
	float: right
}

body #wrap #no-insert ul li p.discount {
	color: #fe9b20
}

body #wrap #no-insert h3 {
	clear: both;
	position: relative;
	margin-top: 1rem;
	text-align: center;
	font-size: 0.4rem;
	color: #BCBCBC;
	font-weight: lighter
}

body #wrap #no-insert h3:before {
	content: "";
	background-color: #d8d8d8;
	display: block;
	height: 0.03rem;
	width: 2.1875rem;
	position: absolute;
	top: 50%;
	left: 0.625rem;
	z-index: 1
}

body #wrap #no-insert h3:after {
	content: "";
	background-color: #d8d8d8;
	display: block;
	height: 0.03rem;
	width: 2.1875rem;
	position: absolute;
	top: 50%;
	right: 0.625rem;
	z-index: 1
}

body #wrap #no-insert a {
	display: block;
	width: 9.375rem;
	margin: 1.5625rem auto 0;
	border-radius: 0.125rem;
	background-color: #fe9b20;
	color: #fff;
	text-align: center;
	font-size: 0.5625rem;
	height: 1.375rem;
	line-height: 1.375rem
}

#loading {
	width: 1rem;
	height: 1rem;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -0.5rem;
	margin-top: -0.5rem;
	z-index: 10;
	-webkit-transform-origin: 50%;
	-moz-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	-moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	animation: swiper-preloader-spin 1s steps(12, end) infinite;
	display: none
}

#loading:after {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background-image:
		url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-position: 50%;
	-webkit-background-size: 100%;
	background-size: 100%;
	background-repeat: no-repeat
}

@
-webkit-keyframes swiper-preloader-spin { 100%{
	-webkit-transform: rotate(360deg)
}

}
@
keyframes swiper-preloader-spin { 100%{
	transform: rotate(360deg)
}
}

/*2016-01-14*/
.dialog{background:rgba(52, 52, 52, .5);z-index:9999; width:100%; height:100%;position:fixed; top:0px; left:0px;}
.dialoginner{background:#fff;z-index:20;width:80%; position:absolute;left:10%;top:30%; border-radius:3px;}
.dialoginner p{padding:0.5rem 10px;text-align:center; font-size:1.2em;border-bottom:1px #eaeaea solid;}
.dialogbtnbox{line-height:1.2rem;height:1.2rem;width:100%;font-size:1.2em;}
.dialogbtn{width:49%; height:1.2rem;float:left;line-height:1.2rem;display:block;text-align:center;font-size:1em;}
.dialogwide{width:100%;}
.dialogbr{border-right:1px #eaeaea solid;}
.checklist li{ height:1.5rem; line-height:1.5rem; border-bottom:1px #d8d8d8 solid; font-size:0.9em; margin:0 10px;}
.checklist li.li-radio span{ font-size:0.8em;}
/* .dialog-arch{ top:0; height:auto; overflow:hidden;} */
.dialog-arch{ top:5%; height:90%; overflow-y:scroll;}
/* .dialog-arch{ top:10%; height:80%; overflow-y:scroll;} */
.font-orange{color:#f2780b;}
.checklist li.li-radio{ line-height:0.5rem; height:2rem; padding:0.5rem 0px;font-size:1.2em;}
.checklist li.li-radio span{ padding-left:20px;}
.pag {
	display: inline;
	padding: 2px 5px;
	background: #f2780b;
	color: #fff;
	border-radius: 3px;
	font-size: 0.8em;
	margin-left: 3px;
}
/*2016-01-22*/
.checkok{ width:30%; height:1rem; line-height:1rem; text-align:center; font-weight:normal; background:#E85237; float:right; color:#fff; border-radius:5px; margin-top:7px;}

/*2016-1-25*/
.arch-title{ height:2rem; line-height:2rem; position:relative; border-bottom:1px #d8d8d8 solid;}
.arch-title span{ padding-left:15px;font-size:0.5rem}
.arch-title a{ position:absolute; top:0.3rem; right:6px; display:block; width:1rem; height:1rem; border-radius:0.5rem; border:2px #ff7601 solid; color:#ff7601; line-height:1rem; text-align:center; font-size:1rem}
.archlist-btn{ height:2rem;}
.archlist-btn a{ display:block; float:right; width:40%; height:1.2rem; background:#ff7601; border-radius:0.3rem; color:#fff; text-align:center; line-height:1.2rem; margin-right:10px; margin-top:0.3rem; font-size:0.5rem;}
.mui-checkbox {-webkit-appearance: none;position: relative;width: 0.7rem;height: 0.7rem;margin-right: 10px;background-color: #FFFFFF;border: solid 1px #d9d9d9;border-top-left-radius: 20px;border-top-right-radius: 20px;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;background-clip: padding-box;display: inline-block; vertical-align:middle;}
.mui-checkbox:focus {outline: 0 none;outline-offset: -2px; }
.mui-checkbox:checked {background-color: #ff7601;border: solid 1px #FFFFFF; }
.mui-checkbox:checked:before {display: inline-block;margin-top: 1px;margin-left: 2px;font-family: iconfont;color: #FFFFFF;font-size: 18px; }
.mui-checkbox:disabled {background-color: #d9d9d9;border: solid 1px #d9d9d9; }
.mui-checkbox:disabled:before {display: inline-block;margin-top: 1px;margin-left: 2px;font-family: iconfont;color: #FFFFFF;font-size: 18px; }
.mui-checkbox.checkbox-s {width: 19px;height: 19px; }
.mui-checkbox.checkbox-s:before {display: inline-block;margin-top: 1px;margin-left: 2px;font-family: iconfont;color: #FFFFFF;font-size: 13px; }
.mui-checkbox-anim {-webkit-transition: background-color ease 0.2s;transition: background-color ease 0.2s; }
.mui-checkbox-con span{ display:block; margin-left:20px;}
.checklist li.li-radio{ line-height:0.5rem;}

/*2016-1-26*/
.archtips{ font-size:0.8em; color:#ff7601; padding:10px 0 0 0;}
.archtips span{ padding:0 10px;}
